<template>
    <div class="dome">
        <h2 @click="showname">学校名称：{{name}}</h2>
        <h2>学校地址：{{address}}</h2>
    </div>
</template>

<script>
// 引入外部文件 
import {mixin1,mixin2} from '../mixin.js'
export default {
    name:'School',
    data() {
        return {
            name:'尚硅谷',
            address:'深圳',
            x:666
        }
    },    
    // methods: {
    //     showName(){
    //         alert(this.name)
    //     }
    // },

    // 使用mixin配置项来使用外部混合文件,在mixin.js中写了methods的配置，这里直接引用
    mixins:[mixin1,mixin2]
}
</script>

<style>
    .dome{
        background-color:brown,
    }
</style>